.gsplayer-item {
    width: 100%;
    height: 82px;
    border: 1px solid #e6e6eb;
}
.gsplayer-image {
    float: left;
    width: 80px;
    height: 80px;
}
.gsplayer-image img {
    width: 80px;
    height: 80px;
    border:none;
}
.gsplayer-info {
    margin: 10px 0 0 10px;
    float: left;
}
.gsplayer-title {
    font-size:18px;
}
.gsplayer-desc {
    margin-top: 10px;
    color: #848484;
    font-size:16px;
}
.gsplayer-switch {
    float: right;
    margin: 26px 10px 0 0;
    font-size: 14px;
}
.gsplayer-play {
    float: right;
    margin: 26px 10px 0 0;
    font-size: 14px;
}
.gsplaying {
    color:red;
}
.gsplayer-list {
    width: 100%;
    border: 1px solid #e6e6eb;
    border-top: none;
    display:none;
    table-layout: fixed;
}
.gsplayer-list.show{
    display:table
}
.gsplayer-line {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display:table-row
}
.gsplayer-line>div{
    padding: 6px 10px;
    line-height: 18px;
    text-align: left;
    color: #585858;
    display:table-cell
}
.gsplayer-line:nth-child(2n) {
    background-color: #f7f7f7;
}
.gsplayer-line .gsplayer-lplay{
    text-align: right
}
.gsplayer-line .gsplayer-songname,
.gsplayer-line .gsplayer-singer{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 40%;
}
.gsplayer-list.list-show{
    display:table;
}
.list-num {
    padding: 0px 5px;
    background-color: #777777;
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    border-radius: 2px;
}
.gsplaying {
    color:red !important;
}
#wenkmPlayer li,#wenkmPlayer ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ts5 {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s
}

#wenkmPlayer {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    left: -365px;
    text-align: left;
    color: #38343e;
    width: 365px;
    position: fixed;
    bottom: 40px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,.2);
    border-radius: 5px;
    z-index: 5000;
    font: small 'Microsoft Yahei'!important;
    font-size: 13px!important
}

#wenkmPlayer .player {
    position: relative;
    overflow: hidden;
    text-shadow: none;
    background-color: rgba(0,0,0,.3);
    height: 180px;
    border-radius: 5px 5px 0 0
}

#wenkmPlayer .player .cover {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    font: small 'Microsoft Yahei';
    position: absolute;
    background-color: #fff;
    border: 5px #fff solid;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(0,0,0,.3)
}

#wenkmPlayer .player .cover:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    content: 'No Pic';
    position: absolute;
    opacity: .5;
    width: 100%;
    left: 0;
    text-align: center;
    top: 45px
}

#wenkmPlayer .player .cover.changing img {
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
    opacity: 0
}

#wenkmPlayer .player .cover img {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    border-radius: 50%;
    border: 5px #fff solid;
    width: 113px;
    height: 113px;
    top: -5px;
    left: -5px;
    position: relative;
    z-index: 10
}

#wenkmPlayer .player .infos {
    position: absolute;
    top: 15px;
    left: 10px;
    color: #fff
}

#wenkmPlayer .player .infos .artiststyle {
    margin-top: 15px
}

#wenkmPlayer .player .infos .moshi {
    float: right
}

#wenkmPlayer .player .infos .geci {
    float: right
}

#wenkmPlayer .player .infos .timestyle {
    font-size: 12px;
    margin-left: 255px;
    margin-top: -20px
}

#wenkmPlayer .player .status {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    left: 50%;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 0;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    z-index: 100
}

#wenkmPlayer .player .status b {
    position: absolute;
    width: 44px;
    height: 44px;
    text-align: center;
    border: solid #f30 2px;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: #2c2a30;
    display: inline-block;
    overflow: hidden
}

#wenkmPlayer .player .status b .fa {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.5em
}

#wenkmPlayer .player .status b .fa:hover {
    color: #f30
}

#wenkmPlayer .player .status b .play {
    color: #f30;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s
}

#wenkmPlayer .player .status b .play:hover {
    color: #81c300
}

#wenkmPlayer .player .control {
    margin: 0 auto;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    bottom: 32px;
    text-shadow: none;
    position: absolute;
    z-index: 99999;
    font-size: 1.8em;
    color: #fff;
    text-align: center;
    height: 24px
}

#wenkmPlayer .player .control .loop {
    left: 24px
}

#wenkmPlayer .player .control .prev {
    left: 84px
}

#wenkmPlayer .player .control .random {
    right: 24px
}

#wenkmPlayer .player .control .next {
    right: 84px;
    left: initial;
    bottom: initial;
    width:initial;
    height:initial;
}

#wenkmPlayer .player .control .loop,#wenkmPlayer .player .control .next,#wenkmPlayer .player .control .prev,#wenkmPlayer .player .control .random {
    cursor: url(link.cur),pointer;
    position: absolute
}

#wenkmPlayer .player .control i.current {
    color: #81c300
}

#wenkmPlayer .player .control .next {
    display: inline-block;
    vertical-align: middle
}

#wenkmPlayer .player .control .next:hover {
    color: #81c300
}

#wenkmPlayer .player .control .loop:hover {
    color: #81c300
}

#wenkmPlayer .player .control .prev:hover {
    color: #81c300
}

#wenkmPlayer .player .control .random {
    display: inline-block;
    vertical-align: middle
}

#wenkmPlayer .player .control .random:hover {
    color: #81c300
}

#wenkmPlayer .player .status b .play {
    color: #f30;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s
}



#wenkmPlayer .playlist {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    color: #fff;
    height: 0;
    overflow: hidden;
    text-shadow: none;
    border-top: solid #ebebeb 1px
}

#wenkmPlayer .playlist .playlist-bd {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    width: 800px
}

#wenkmPlayer .playlist .album-list {
    width: 400px;
    float: left
}

#wenkmPlayer .playlist .song-list {
    float: left
}

#wenkmPlayer .playlist .album-list .header,#wenkmPlayer .playlist .album-list .list {
    -webkit-transform: translate3d(-500px,0,0);
    -moz-transform: translate3d(-500px,0,0);
    -ms-transform: translate3d(-500px,0,0);
    transform: translate3d(-500px,0,0)
}

#wenkmPlayer .playlist .song-list .list {
    opacity: 0
}

#wenkmPlayer .playlist .header {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    font-size: 1.4em;
    border-bottom: solid #eee 1px;
    padding: 10px 0 10px 10px;
    background-color: rgba(0,0,0,.2)
}

#wenkmPlayer .playlist .header .fa-angle-right {
    opacity: .5;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    transition: .8s;
    margin-right: 10px;
    font-size: 1.2em;
    font-weight: 700;
    cursor: url(link.cur),pointer
}

#wenkmPlayer .playlist .list {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 305px;
    width: 400px;
    weight: 100%;
    overflow: hidden;
    -webkit-transform-origin: 50% 100px;
    -moz-transform-origin: 50% 100px;
    -ms-transform-origin: 50% 100px;
    transform-origin: 50% 100px
}

#wenkmPlayer .playlist .list ul {
    margin-right: 15px
}

#wenkmPlayer .playlist .list li {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
    cursor: url(link.cur),pointer;
    height: 40px;
    line-height: 40px;
    border-bottom: solid #eee 1px;
    background-color: rgba(0,0,0,.2)
}

#wenkmPlayer .playlist .list li:last-child {
    border-bottom: none
}

#wenkmPlayer .playlist .list li:hover {
    background-color: rgba(129,195,0,.5)
}

#wenkmPlayer .playlist .list li.current {
    background-color: #81c300;
    text-shadow: none;
    color: #fff
}

#wenkmPlayer .playlist .list li.current .index {
    color: #fff
}

#wenkmPlayer .playlist .list li .index {
    opacity: .3;
    padding: 0 10px
}

#wenkmPlayer .playlist .list li .fa-angle-right {
    float: right;
    line-height: 40px;
    margin-right: 10px
}

#wenkmPlayer .playlist .list .mCSB_scrollTools {
    top: 0;
    right: 3px;
    cursor: url(link.cur),pointer;
    width: 9px;
    height: 100%;
    background-color: rgba(0,0,0,.2);
    border-radius: 9px;
    opacity: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s
}

#wenkmPlayer .playlist .list .mCSB_draggerContainer {
    height: 100%
}

#wenkmPlayer .playlist .list .mCSB_dragger {
    background-color: #81c300;
    width: 9px;
    height: auto;
    border-radius: 9px;
    z-index: 999
}

#wenkmPlayer .playlist .list:hover {
    width: 365px
}

#wenkmPlayer .playlist .list:hover .mCSB_scrollTools {
    opacity: 1
}

#wenkmPlayer .flat {
    position: absolute;
    top: 70px;
    left: 185px;
    color: #fff;
    font-size: 1.4em;
    opacity: 0
}

#wenkmPlayer .switch-player {
    position: absolute;
    top: 10px;
    right: -25px;
    width: 25px;
    height: 68px;
    line-height: 68px;
    text-shadow: none;
    background-color: rgba(0,255,0,.6);
    border-radius: 0 5px 5px 0;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.3);
    color: #fff;
    font-size: 2em;
    text-align: center;
    cursor: url(link.cur),pointer;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

#wenkmPlayer .switch-player .fa {
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    transition: 1s
}

#wenkmPlayer .switch-player:hover {
    background-color: rgba(0,0,0,.4);
    color: #f30
}

#wenkmPlayer.show {
    -webkit-transform: translate3d(365px,0,0);
    -moz-transform: translate3d(365px,0,0);
    -ms-transform: translate3d(365px,0,0);
    transform: translate3d(365px,0,0)
}

#wenkmPlayer.show .switch-player {
    background-color: rgba(0,0,0,.4);
    color: #f30
}

#wenkmPlayer.show .switch-player:hover {
    background-color: rgba(0,255,0,.6);
    color: #fff
}

#wenkmPlayer.show .switch-player .fa {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#wenkmPlayer.showList .switch-playlist {
    color: #81c300
}

#wenkmPlayer.showList .playlist {
    height: 350px
}

#wenkmPlayer.showList .playlist .header {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#wenkmPlayer.showList .playlist .list {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#wenkmPlayer.ksclrc .switch-ksclrc {
    color: #f30
}

#wenkmPlayer.showAlbumList .switch-playlist {
    color: #81c300
}

#wenkmPlayer.showAlbumList .playlist {
    height: 350px
}

#wenkmPlayer.showAlbumList .playlist .album-list .header {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#wenkmPlayer.showAlbumList .playlist .album-list .list {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#wenkmPlayer.showSongList .playlist-bd {
    -webkit-transform: translate3d(-50%,0,0);
    -moz-transform: translate3d(-50%,0,0);
    -ms-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0)
}

#wenkmPlayer.showSongList .playlist-bd .song-list .header {
    cursor: url(link.cur),pointer;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#wenkmPlayer.showSongList .playlist-bd .song-list .header:hover {
    color: #81c300;
    background-color: rgba(0,0,0,.5)
}

#wenkmPlayer.showSongList .playlist-bd .song-list .header .fa-angle-right {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#wenkmPlayer.showSongList .playlist-bd .song-list .list {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#wenkmPlayer.playing .player .status b {
    border-width: 0;
    top: 2px;
    left: 2px;
    width: 40px;
    height: 40px
}

#wenkmPlayer.playing .player .status b .play {
    margin-top: -40px
}

#wenkmPlayer.playing .flat {
    opacity: 1;
    -webkit-animation: rotate 18s linear infinite;
    -moz-animation: rotate 18s linear infinite;
    -ms-animation: rotate 18s linear infinite;
    animation: rotate 18s linear infinite
}

#wenkmPlayer.playing .flat i {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-animation: flat 4s cubic-bezier(.09,.64,.16,.94) infinite;
    -moz-animation: flat 4s cubic-bezier(.09,.64,.16,.94) infinite;
    -ms-animation: flat 4s cubic-bezier(.09,.64,.16,.94) infinite;
    animation: flat 4s cubic-bezier(.09,.64,.16,.94) infinite
}

#wenkmPlayer.playing .flat i:nth-of-type(1) {
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -ms-animation-delay: 0;
    animation-delay: 0;
    -webkit-transform: rotate(35deg) translateX(-5px);
    -moz-transform: rotate(35deg) translateX(-5px);
    -ms-transform: rotate(35deg) translateX(-5px);
    transform: rotate(35deg) translateX(-5px)
}

#wenkmPlayer.playing .flat i:nth-of-type(2) {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-transform: rotate(-5deg) translateX(-15px);
    -moz-transform: rotate(-5deg) translateX(-15px);
    -ms-transform: rotate(-5deg) translateX(-15px);
    transform: rotate(-5deg) translateX(-15px)
}

#wenkmPlayer.playing .flat i:nth-of-type(3) {
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    -ms-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-transform: rotate(45deg) translateX(5px);
    -moz-transform: rotate(45deg) translateX(5px);
    -ms-transform: rotate(45deg) translateX(5px);
    transform: rotate(45deg) translateX(5px)
}

#wenkmPlayer.playing .flat i:nth-of-type(4) {
    -webkit-animation-delay: 2.8s;
    -moz-animation-delay: 2.8s;
    -ms-animation-delay: 2.8s;
    animation-delay: 2.8s;
    -webkit-transform: rotate(-25deg) translateX(-8px);
    -moz-transform: rotate(-25deg) translateX(-8px);
    -ms-transform: rotate(-25deg) translateX(-8px);
    transform: rotate(-25deg) translateX(-8px)
}

#wenkmPlayer.playing .flat i:nth-of-type(5) {
    -webkit-animation-delay: 3.2s;
    -moz-animation-delay: 3.2s;
    -ms-animation-delay: 3.2s;
    animation-delay: 3.2s;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

#wenkmPlayer.playing .flat i:nth-of-type(6) {
    -webkit-animation-delay: 4.5s;
    -moz-animation-delay: 4.5s;
    -ms-animation-delay: 4.5s;
    animation-delay: 4.5s;
    -webkit-transform: rotate(15deg) translateX(-5px);
    -moz-transform: rotate(15deg) translateX(-5px);
    -ms-transform: rotate(15deg) translateX(-5px);
    transform: rotate(15deg) translateX(-5px)
}

@-webkit-keyframes rotate {
    50% {
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
}

@-moz-keyframes rotate {
    50% {
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
}

@-ms-keyframes rotate {
    50% {
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
}

@keyframes rotate {
    50% {
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
}

@-webkit-keyframes flat {
    from {
        opacity: 1
    }

    to {
        top: -48px;
        left: 78px;
        opacity: 0;
        font-size: .6em
    }
}

@-moz-keyframes flat {
    from {
        opacity: 1
    }

    to {
        top: -48px;
        left: 78px;
        opacity: 0;
        font-size: .6em
    }
}

@-ms-keyframes flat {
    from {
        opacity: 1
    }

    to {
        top: -48px;
        left: 78px;
        opacity: 0;
        font-size: .6em
    }
}

@keyframes flat {
    from {
        opacity: 1
    }

    to {
        top: -48px;
        left: 78px;
        opacity: 0;
        font-size: .6em
    }
}

#wenkmTips {
    position: fixed;
    font-size: 1.4em;
    text-shadow: none;
    border-radius: 0 5px 5px 0;
    z-index: 5000;
    top: 10px;
    left: 0;
    background-color: rgba(0,0,0,.3);
    padding: 15px;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

#wenkmTips.show {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#wenkmLrc {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    position: fixed;
    -webkit-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    color: #000;
    z-index: 4999;
    bottom: 0;
    left: 0;
    font-size: 1.2em;
    font-weight: 700;
    width: 100%;
    height: 40px;
    background-color: rgba(0,0,0,.2);
    overflow: hidden
}

#wenkmLrc ul {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s
}
#wenkmLrc li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    font-size: 1.5em;
    text-shadow: 1px 1px 1px #CCC,2px 2px 2px #CCC,3px 3px 3px #444;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

#wenkmLrc li.current {
    color: #19B5FE;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#wenkmLrc.show {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#wenkmLrc.hide {
    -webkit-transform: translate3d(0,200%,0);
    -moz-transform: translate3d(0,200%,0);
    -ms-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0)
}

#wenkmKsc {
    pointer-events: none;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    position: fixed;
    -webkit-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    z-index: 4999;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(0,0,0,.2)
}

#wenkmKsc .line {
    position: absolute;
    font-size: 1.5em;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    opacity: 0;
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    height: 40px;
    line-height: 40px;
    text-shadow: 1px 1px 1px #CCC,2px 2px 2px #CCC,3px 3px 3px #444
}

#wenkmKsc .line span {
    margin-right: 2px;
    display: inline-block;
    white-space: nowrap;
    word-break: keep-all;
    word-break: break-word;
    word-wrap: break-word;
    -moz-hyphens: auto;
    hyphens: auto
}

#wenkmKsc .line span.blank {
    width: 40px
}

#wenkmKsc .line span em {
    font-weight: 700;
    font-style: normal;
    display: block;
    text-align: left
}

#wenkmKsc .line .bg {
    bottom: 0;
    left: 0;
    color: #fff
}
/**/
#wenkmKsc .line .lighter {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    color: #19B5FE;
    width: 100%;
    overflow: hidden
}
/**
#wenkmKsc .line .lighter {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 40px;
	line-height: 40px;
	color: #F00;
	width: 100%;
	overflow: hidden
}**/
#wenkmKsc .line .lighter em {
    width: 0;
    overflow: hidden
}

#wenkmKsc .line.g .lighter {
    color: red
}

#wenkmKsc .line.t .lighter {
    color: #F0F
}

#wenkmKsc .line.m .lighter {
    color: #00F
}

#wenkmKsc .line.current {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible
}

#wenkmKsc .line1 {
    bottom: 0;
    text-align: left;
    right: 53%
}

#wenkmKsc .line2 {
    bottom: 0;
    text-align: left;
    left: 53%
}

#wenkmKsc.showPlayer {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#wenkmKsc.hidePlayer {
    -webkit-transform: translate3d(0,200%,0);
    -moz-transform: translate3d(0,200%,0);
    -ms-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0)
}

.coverplay {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-animation: myhk infinite 20s linear;
    animation: myhk infinite 20s linear
}

@keyframes myhk {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes myhk {
    100% {
        -webkit-transform: rotate(360deg)
    }
}
/**寮€濮�***
#wenkmLrc:hover {
	height:120px
}
#wenkmLrc:hover ul {
	margin:40px 0
}
#wenkmLrc ul .current,#wenkmLrc ul li:nth-child(9n+1) {
  color:#ff002b
}
#wenkmLrc ul .current,#wenkmLrc ul li:nth-child(9n+2) {
  color:#ffa900
}
#wenkmLrc ul .current,#wenkmLrc ul li:nth-child(9n+3) {
  color:#00a753
}
#wenkmLrc ul .current,#wenkmLrc ul li:nth-child(9n+4) {
  color:#b433ff
}
#wenkmLrc ul .current,#wenkmLrc ul li:nth-child(9n+5){
  color:#b37333
}
#wenkmLrc ul .current,#wenkmLrc ul li:nth-child(9n+6) {
  color:red
}
#wenkmLrc ul .current,#wenkmLrc ul li:nth-child(9n+7) {
  color:#000
}
#wenkmLrc ul .current,#wenkmLrc ul li:nth-child(9n+9) {
  color:#FF0099
}
#wenkmLrc ul .current,#wenkmLrc ul li:nth-child(9n+8) {
  color:#FF00CC
}
**缁撴潫***/
#wenkmPlayer .status {
    opacity: .1;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    filter: alpha(opacity=30)
}

#wenkmPlayer:hover .status {
    opacity: 1;
    filter: alpha(opacity=100)
}

.loading,.loading1{display:none}
.loading{height:100%;width:100%;position:fixed;top:0;left:0;z-index:9999;background-color:rgba(250,250,250,.1)}
.loading1{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#3498db;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}
.loading .block:nth-child(1){content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#e74c3c;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}
.loading .block:nth-child(2){content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f9c922;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}
.loading .block:nth-child(3){-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}
.loading .block:nth-child(4){-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}



.blur-img {
    width: 365px;
    height: 155px;
    position: absolute
}

.blur {
    display: none;
    position: relative;
    width: 365px;
    height: 155px;
    filter: url(blur.svg#blur);
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=20, MakeShadow=false)
}

.cover_wrap {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    left: 50%;
    margin-left: -55px;
    top: 14px
}
#wenkmPlayer .player .bottom {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    background-color: #fff;
    text-shadow: none;
    height: 25px;
    width: 100%;
    left: 0;
    bottom: 0;
    line-height: 25px;
}

#wenkmPlayer .player .bottom .playprogress {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 110px);
}

#wenkmPlayer .player .bottom .playprogress .progressbg {
    position: relative;
    width: 100%;
    top: 10.5px;
    height: 5px;
    background-color: #b0aeb2;
}

#wenkmPlayer .player .bottom .playprogress .progressbg  .progressbg1 {
    position: absolute;
    height: 5px;
    left: 0;
    top: 0;
    width: 0;
    background-color: #81c300;
    z-index: 2;
}

#wenkmPlayer .player .bottom .playprogress .progressbg  .progressbg2 {
    position: absolute;
    height: 5px;
    left: 0;
    top: 0;
    width: 0;
    background-color: #818680;
    z-index: 1;
}

#wenkmPlayer .player .bottom .playprogress .progressbg .ts {
    width: 16px;
    height: 16px;
    position: absolute;
    top: -5.5px;
    left: 0;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.2);
    cursor: pointer;
    z-index: 2;
}

#wenkmPlayer .player .bottom .bottomright {
    float: right;
}

#wenkmPlayer .player .bottom .bottomright li {
    float: left;
    line-height: 25px;
    height: 25px;
    margin-right: 10px;
    padding: 0;
    position: relative;
    z-index: 100001;
    cursor: pointer;
    min-width: 15px;
}

#wenkmPlayer .player .bottom .switch-playlist {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    cursor: pointer
}

#wenkmPlayer .player .bottom .switch-playlist:hover {
    color: #81c300
}

#wenkmPlayer .player .bottom .switch-ksclrc {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    font-size: 1.2em;
    cursor: pointer
}

#wenkmPlayer .player .bottom .switch-ksclrc:hover {
    color: #81c300
}

#wenkmPlayer .player .bottom .switch-default {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    font-size: 1.1em;
    display: none;
    cursor: pointer
}

#wenkmPlayer .player .bottom .switch-default:hover {
    color: #81c300
}

#wenkmPlayer .player .bottom  .volumeprogress {
    display: none;
    position: absolute;
    top: -120px;
    left: -5px;
    width: 26px;
    background: #f1f2f2;
    border-radius: 4px;
    cursor: pointer;
    height: 120px;
    padding: 10px 0 10px 0;
    -webkit-transition: .1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    -webkit-animation-name: fadeOut;
    /*鍔ㄧ敾鍚嶇О*/
}

#wenkmPlayer .player .bottom li.volumecontrol:hover .volumeprogress {
    display: block;
    -webkit-animation-name: fadeIn;
    /*鍔ㄧ敾鍚嶇О*/
    -webkit-animation-iteration-count: 1;
    /*鍔ㄧ敾娆℃暟*/
    -webkit-animation-delay: 0s;
    /*寤惰繜鏃堕棿*/
}

#wenkmPlayer .player .bottom  .volumeprogress .progressbg {
    width: 6px;
    height: 100px;
    margin: 0 auto;
    background-color: #b0aeb2;
    position: relative;
}

#wenkmPlayer .player .bottom  .volumeprogress .progressbg .progressbg1 {
    width: 6px;
    height: 100%;
    margin: 0 auto;
    background-color: #81C300;
    position: absolute;
    bottom: 0;
}

#wenkmPlayer .player .bottom  .volumeprogress .ts {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
    left: -5px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.2);
    cursor: pointer;
    z-index: 2;
}

#wenkmPlayer .player .bottom .switch-down {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    font-size: 1.2em;
    display: none;
    cursor: pointer
}

#wenkmPlayer .player .bottom .switch-down .fa {
    color: #38343e
}

#wenkmPlayer .player .bottom .switch-down .fa:hover {
    color: #81c300
}
